@charset "utf-8";
/* CSS Document */
.outer{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction:column;
    -webkit-box-orient:vertical;
    box-orient:vertical;
    -webkit-flex-direction:column;
    flex-direction:column;
}
.inner{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;overflow-y:scroll;-webkit-overflow-scrolling: touch;margin-bottom:50px;}
.inner .item .date{display: block;height: 20px;line-height: 20px;color: #999;}
.opacity{-webkit-animation: opacity 0.5s linear;animation: opacity 0.5s linear;}
@-webkit-keyframes opacity {
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes opacity {
    0% {opacity:0;}
    100% {opacity:1;}
}

/* dropload */
.dropload-up,.dropload-down{position: relative;height:0px;overflow: hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.dropload-refresh,.dropload-update,.dropload-load{position: absolute;left: 50%;bottom:18px;width: 100%;height: 50px;line-height: 50px;text-align: center;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);}
.dropload-load .loading{display: inline-block;height: 15px;width: 15px;border-radius: 100%;margin: 6px;border: 2px solid #666;border-bottom-color: transparent;vertical-align: middle;-webkit-animation: rotate 0.75s 0 linear infinite;
animation: rotate 0.75s 0 linear infinite;}
.loadbtn{margin-left:0%;margin-bottom:12px;width:94%;height:46px;line-height:46px;background:#fff;color:#989898;font-size:18px;border-radius:4px;}
@-webkit-keyframes rotate {
    0% {-webkit-transform: rotate(0deg);}
    50% {-webkit-transform: rotate(180deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@keyframes rotate {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}

.addhead{height:46px;line-height:46px;width:100%;background:#fff;position:fixed;top:0;left:0; z-index:1000;text-align:center;color:#f04877;font-size:20px;box-shadow:#dddcdc 0px 1px 5px;}
.addhead a{width:50px;height:46px;display:block;background:url(../images/addhead.png) center no-repeat;background-size:auto 20px;position:absolute;top:0px;left:0;}
body{padding-top:46px;}
/*iphone6blus*/
@media screen and (min-height: 670px) and (min-width:400px) {
    .detail_head h3 strong{font-size:16px;}
	.detailmain a{width:55px;}
	.mrs_self strong{font-size:17px;}
	.mrs_self strong span{font-size:18px;}
	.contain li .img{width:30%;}	
	.contain li .zi_left{width:68%;margin-left:32%;}
	.contain li h1{margin-top:4px;}
	.head_dress_cha{height:158px;}
	.head_dress_cha ul{margin:48px auto;}
	.bealist{padding:12px;}
	.pay_going{height:48px;line-height:48px;}
	.pay_going .btn_pay{top:6px;}
	.pay_going dd label{font-size:22px;}
	.pay_discount dd, .pay_method dd, .pay_going dd{font-size:14px;}
	.order_sec .tab .tab_order_list li{padding:10px 0;}
}
/*大屏案桌*/
@media screen and (min-height: 680px) and (min-width:400px) {
	.head_dress_cha{height:168px;}
	.head_dress_cha ul{margin:40px auto;}
	.orderservise li .ordermain dd h3:nth-child(3) span{width:72%;}
}

/*案桌通用*/
@media screen and (max-height: 640px) and (min-width:320px) {
	.hackbanner{max-height:125px;overflow-y:hidden;}
	.beauty_detail_head p{font-size:14px;}
    .beauty_detail_head span.priceA{font-size:18px;}
	.btylistmain dd{width:64%;}
	.btylistmain dd h3:nth-child(1){font-size:17px;}
	.oDiv .Div .form .chepai span {height:48px;line-height:48px;}
.oDiv .Div .form .chepai span {height:48px;line-height:48px;padding-bottom:0;}{font-size:15px}
	.btylistmain dd h3:nth-child(2){font-size:14px;}
	.btylistmain dd h3:nth-child(3){font-size:13px;}
	.btylistmain dd h3:nth-child(1) font{font-size:14px;}
	.womenmain dd{width:70%}
	.hackxm dd{width:61%;}
	.womenmain dd h3:nth-child(1){font-size:18px;}
	.womenmain dd h3:nth-child(2) i{background:url(../images/star.png) center no-repeat;background-size:100% auto;}
	.womenmain dd h3:nth-child(3) span{display:inline-block;width:100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
	.pay_main h1,.pay_discount h1,.pay_method h1{font-size:17px;}
	.pay_main h2,.pay_myself dd strong{font-size:17px;}
	.pay_main h2 span{font-size:16px;}
	.hackpay h2 span{font-size:18px;}
	.pay_discount dd,.pay_method dd,.pay_going dd{font-size:14px;}
	.pay_going dd label{font-size:20px;}
	.pay_method strong{font-size:13px;}
	.pay_going .btn_pay{right:0px;}
	.pay_going .paybtna{right:5px;}
	.pay_going .paybtna a{width:100%;}
	.pay_going .btn_pay a{font-size:15px;}
	.pay_going .btn_pay a:nth-child(2){margin-left:3%;}
	.mar_two_main li strong{font-size:14px;}
	.mrs_workin h1 span{font-size:18px;}
	.mrs_workin h1 label{font-size:18px;}
	.mrs_infor strong{font-size:16px;}
	.mrs_infor strong label{display:inline-block}
	.all_tips dd{padding:12px 0;}
	.all_tips dd span{font-size:14px;}
	.all_tips p{font-size:14px;}
	.mar_two_head li {font-size:16px;height:33px;line-hieght:33px;}
	.mrs_servise li dd strong{font-size:15px;}
	.mry_zizhi li{font-size:16px;}
	a.phone{font-size:16px;bottom:90px;}
	.my_order h2{font-size:16px;}
	.discount .tab_box .oneli .btmli h2{font-size:15px;}
	.discount .tab_box .oneli .oneli_main h1{font-size:18px;}
	.discount .tab_box .oneli .oneli_main{font-size:16px;}
	.online h1{font-size:14px;}
	.ol_a li a{font-size:14px;}
	.star_go li label{font-size:16px;}
	.mrs_three textarea{font-size:16px;}
	.head_dress_cha{height:140px;}
	.head_dress_cha ul{margin:38px auto;}
	.login li {height:40px;}
	.login li input{height:40px;line-height:40px;font-size:14px;}
	.login li .submit{height:40px;line-height:40px;}
	.login li .submit, .login li .time{height:40px;line-height:40px;}
	.order_box .boxing dd{padding-left:50px;}
	.order_box .boxing dd span{font-size:14px;}
	.order_box .boxing dd label{font-size:15px;}
	.order_sec .tab .tab_order_list li.on span{height:36px;margin-left:21%;}
	.order_box .boxing ul li{width:70px;}
	.mytab_box li{height:51px;}
	.selftj li{font-size:14px;}
	.bannerbot dd label{font-size:14px;}
	.bannerbot dd h2{font-size:16px;}
	.orderservise li .ordermain dd h3 label{font-size:12px;}
	.orderservise li .ordermain dd h3:nth-child(3) span{width:75%;}
	.orderservise li .womenmain dd h3:nth-child(3) span{width:100%;}
	.beauty_sec_navlist .navlist_bottom h2{font-size:17px;}
	.beauty_sec_navlist .navlist_bottom h3{font-size:15px;}
	.beauty_sec_navlist .navlist_bottom h3 dd{width:55%;}
	.manage li a{font-size:13px;}
	.time_box li a{font-size:13px;}
	.four p{font-size:13px;}
	.mrs_do ul li{font-size:16px;}
	.mrs_order ul li{height:34px;line-height:34px;}
	.mrs_do{padding:3px 0 0}
	.focus .bd{overflow:hidden; }
	.btylistmain dd h3:nth-child(3) strong{font-size:12px;}
	.pay_main h2, .pay_myself dd strong{font-size:15px;}
	.bealist label{width:70%;}
	.busy{width:90%;left:5%;}
	.pay_going .againorder a{width:46%;}
}

/*个别案桌*/
@media screen and (max-height: 540px) and (min-width:320px) {


}
/*iphone5*/
 @media screen and (max-height: 575px) and (min-height: 481px) and (max-width: 320px){ 
    .hackbanner{max-height:110px;overflow-y:hidden;}
	.beauty_detail_head p{font-size:14px;}
    .beauty_detail_head span.priceA{font-size:18px;}
	.btylisthead h1{font-size:14px;}
	.btylistmain dd{width:65%;}
	.btylistmain dd h3{height:20px;line-height:20px;}
	.btylistmain dd h3:nth-child(1){font-size:14px;}
	.oDiv .Div .form .chepai span {height:48px;line-height:48px;}
.oDiv .Div .form .chepai span {height:48px;line-height:48px;padding-bottom:0;}{font-size:14px;}
	.detailmain a{width:40px;  background: url(../images/phone.png) 8px center no-repeat;}
	.btylistmain dd h3:nth-child(2){font-size:13px;}
	.btylistmain dd h3:nth-child(3){font-size:13px;}
	.womenmain dd{width:68%}
	.hackxm dd{width:67%;}
	.womenmain dd h3:nth-child(1){font-size:18px;}
	.womenmain dd h3:nth-child(2) i{background:url(../images/star.png) center no-repeat;background-size:100% auto;}
	.womenmain dd h3:nth-child(3) span{display:inline-block;width:100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
    .pay_main h1,.pay_discount h1,.pay_method h1{font-size:16px;}
	.pay_main h2,.pay_myself dd strong{font-size:16px;}
	.pay_main h2 span{font-size:17px;}
	.pay_main h2 label{font-size:15px;}
	.pay_discount dd,.pay_method dd,.pay_going dd{font-size:12px;}
	.pay_going dd label{font-size:18px;}
	.pay_going a{width:35%}
	.pay_method strong{font-size:11px;}
	.pay_going .btn_pay a{width:45%;font-size:14px;}
	.pay_going .paybtna a{width:100%;}
	.pay_going .btn_pay a:nth-child(2){margin-left:4%;}
	.detail_head .detailhead dd{width:65%;}
	.detail_head h3 strong{font-size:12px;}
	.mrs_detailsec .ul_new li{font-size:17px;}
	.mrs_order h1{font-size:16px;}
	.mrs_self strong{font-size:12px;}
	.mrs_self strong span{font-size:13px;}
    .mrs_self strong label{font-size:12px;}
	.mrs_self {padding: 12px 0 0px 65px;}
	.mrs_self dd{height:70px;}
	.mrs_self img{width:60px;}
	.mrs_order ul{height:32px;}
	.mrs_order ul li{height:32px;line-height:32px;text-indent: 25px;}
	.mrs_infor strong{font-size:14px;}
	.mrs_do ul{height:30px;line-height:30px;}
	.mrs_do ul li{font-size:16px;}
	.mrs_do{height:30px;}
	.mrs_do ul li .channel{height:30px}
	.mrs_workin h1{font-size:14px;}
	.mrs_workin h1 span{font-size:16px;}
	.mrs_workin h1 label{font-size:16px;}
	.mrs_infor strong{font-size:16px;}
	.mrs_infor strong label{display:inline-block}
	.mrs_wok{height:28px;}
	.all_tips dd{padding:8px 0;}
	.all_tips dd span{font-size:12px;}
	.all_tips p{font-size:12px;}
	.time_tips{padding:12px 0;}
	.time_box li{  height: 54px;}
	.time_box li a{  height: 54px;line-height:55px}
	.time_box li.gogoing a{height:39px;line-height:20px;}
	.time_box li a{height:54px;line-height:55px;}
	.mar_two_head li {font-size:14px;}
	.mar_two_main li strong {font-size: 12px;}
	.mrs_servise li dd strong{font-size:14px;}
	.mry_zizhi li{font-size:14px;padding-left:85px;}
	.mry_zizhi li span{width:80px;}
	a.phone{font-size:15px;bottom:70px;height:40px;line-height:40px;}
	.my_order h2{font-size:14px;}
	.my_order .mrs_self dd{padding-top:12px;height:55px;margin-top:-12px;}
	.my_order .mrs_self img{top:10px;}
	.discount .tab_box .oneli .btmli h2{font-size:13px;}
	.discount .tab_box .oneli .oneli_main h1{font-size:16px;}
	.discount .tab_box .oneli .oneli_main{font-size:15px;}
	.online h1{font-size:13px;}
	.ol_a li a{font-size:13px;}
	.star_go li label{font-size:14px;}
	.mrs_three textarea{font-size:14px;}
	.head_dress_cha{height:122px;}
	.head_dress_cha ul{margin:30px auto;}
	.login li {height:36px;}
	.login li input{height:36px;line-height:36px;font-size:14px;}
	.login li .submit{height:36px;line-height:36px;}
	.login li .submit, .login li .time{height:36px;line-height:36px;}
	.order_sec .tab .tab_order_list li.on span{height:37px;margin-left:20%;  line-height: 38px;}
	.order_box .boxing ul li{width:70px;}
	.mytab_box li{height:51px;}
	.selftj li{font-size:13px;}
	.bannerbot dd label{font-size:13px;}
	.bannerbot dd h2{font-size:15px;}
	.orderservise li .ordermain dd{top:22px;}
	.orderservise li:nth-child(1) .ordermain h2{top:6px}
	.orderservise li .ordermain dd h3 label{font-size:12px;}
	.orderservise li .ordermain dd h3:nth-child(3) span{width:75%;}
	.orderservise li .womenmain dd h3:nth-child(3) span{width:100%;}
	.beauty_sec_navlist .navlist_bottom h2{font-size:16px;}
	.beauty_sec_navlist .navlist_bottom h3{font-size:14px;}
	.beauty_sec_navlist .navlist_bottom h3 dd{width:60%;}
	.manage li a{font-size:12px;}
	.time_box li a{font-size:12px;}
	.four p{font-size:12px;}
	.dohack  ul li{font-size:15px;}
	.mrs_order .dohack ul li{height:30px;line-height:30px;}
	.mrs_order .dohack ul li a{height:30px;line-height:30px;}
	.dohack {height:40px;padding:0px 0 2px}
	.mrs_order .dohack ul li{text-indent:0;}
	.focus .bd{overflow:hidden; }
	.bealist span{font-size:15px;}
	.bealist label{font-size:15px;max-width:72%;}
	.beauty_sec .beautlist .bealistul li{font-size:13px;}
	.btylistmain dd h3:nth-child(3) strong{font-size:12px;}
	.bannerbot .priceA{width:22%;}
	.bannerbot dd{max-width:70%;}
	.pic_detail_main h2{font-size:12px;}
    .pic_detail_main h2 strong{margin-left:6px;}
	.busy{width:90%;left:5%;font-size:14px;}
	.btylistmain h2{height:82px;}
	.beautylist_sec li{padding:12px 3% 0;}
	.orderservise li .ordermain h2 img{height:70px;max-width:100px;}
	.btylistmain h2 img {max-height: 72px;max-width: 96px;}
}


/*iphone4*/
@media screen and (max-height: 480px) {
	.hackbanner{max-height:110px;overflow-y:hidden;}
	.beauty_detail_head p{font-size:14px;}
    .beauty_detail_head span.priceA{font-size:18px;}
	.btylisthead h1{font-size:14px;}		
    .btylistmain dd{width:66%;}
	.btylistmain dd h3{height:20px;line-height:20px;}
	.btylistmain dd h3:nth-child(1){font-size:14px;}
	.oDiv .Div .form .chepai span {height:48px;line-height:48px;}
.oDiv .Div .form .chepai span {height:48px;line-height:48px;padding-bottom:0;}{width:80%;}
	.btylistmain dd h3:nth-child(2){font-size:13px;}
	.btylistmain dd h3:nth-child(3){font-size:13px;}
	.womenmain dd{width:68%}
	.hackxm dd{width:57%;}
	.womenmain dd h3:nth-child(1){font-size:18px;}
	.oDiv .Div .form .chepai span {height:48px;line-height:48px;}
.oDiv .Div .form .chepai span {height:48px;line-height:48px;padding-bottom:0;}{width:80%;font-size:14px;}
	.detailmain a{width:40px;  background: url(../images/phone.png) 8px center no-repeat;}
	.womenmain dd h3:nth-child(2) i{background:url(../images/star.png) center no-repeat;background-size:100% auto;}
	.womenmain dd h3:nth-child(3) span{display:inline-block;width:100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
	.pay_main h1,.pay_discount h1,.pay_method h1{font-size:16px;}
	.pay_main h2,.pay_myself dd strong{font-size:13px;}
	.pay_main h2 label{font-size:15px;}
	.pay_main h2 span{font-size:15px;}
	.pay_discount dd,.pay_method dd,.pay_going dd{font-size:12px;}
	.pay_going dd label{font-size:18px;}
	.pay_going a{width:35%}
	.pay_method strong{font-size:11px;}
	.pay_going .btn_pay a{width:45%;font-size:14px;}
	.pay_going .paybtna a{width:100%;}
	.pay_going .btn_pay a:nth-child(2){margin-left:4%;}
	.mrs_detailsec .ul_new li{font-size:17px;}
	.mrs_order h1{font-size:16px;}
	.mrs_self strong{font-size:12px;}
	.mrs_self strong span{font-size:13px;}
    .mrs_self strong label{font-size:12px;}
	.mrs_self {padding: 12px 0 0px 65px;}
	.mrs_self dd{height:70px}
	.mrs_self img{width:60px;}
	.mrs_order ul{height:32px;}
	.mrs_order ul li{height:32px;line-height:32px;text-indent: 25px;}
	.mrs_infor strong{font-size:14px;}
	.mrs_do ul{height:30px;line-height:30px;}
	.mrs_do ul li{font-size:16px;}
	.mrs_do{height:30px;}
	.mrs_do ul li .channel{height:30px}
	.mrs_workin h1{font-size:14px;}
	.mrs_workin h1 span{font-size:16px;}
	.mrs_workin h1 label{font-size:16px;}
	.mrs_infor strong{font-size:16px;}
	.mrs_infor strong label{display:inline-block}
	.mrs_wok{height:28px;}
	.all_tips dd{padding:8px 0;}
	.all_tips dd span{font-size:12px;}
	.all_tips p{font-size:12px;}
	.time_tips{padding:12px 0;}
	.time_box li{  height: 54px;}
	.time_box li a{  height: 54px;line-height:55px}
	.time_box li.gogoing a{height:39px;line-height:20px;}
	.time_box li a{height:54px;line-height:55px;}
	.mar_two_head li {font-size:14px;}
	.mar_two_main li strong {font-size: 12px;}
	.mrs_servise li dd strong{font-size:14px;}
	.mry_zizhi li{font-size:14px;padding-left:85px;}
	.mry_zizhi li span{width:80px;}
	a.phone{font-size:15px;bottom:60px;height:40px;line-height:40px;}
	.contain li{padding:3px 0;}
	.contain li h1{font-size:12px;padding:0 0 0 0; margin-top:9px;}
	.contain li p{font-size:10px;padding:0 0px 0 0;color:#999;}
	.contain li span{font-size:10px;padding:0 0 0 0;color:#999;bottom:2px;}
	.my_order h2{font-size:14px;}
	.my_order .mrs_self dd{padding-top:12px;height:55px;margin-top:-12px;}
	.my_order .mrs_self img{top:10px;}
	.discount .tab_box .oneli .btmli h2{font-size:13px;}
	.discount .tab_box .oneli .oneli_main h1{font-size:16px;}
	.discount .tab_box .oneli .oneli_main{font-size:15px;}
	.online h1{font-size:13px;}
	.ol_a li a{font-size:13px;}
	.star_go li label{font-size:14px;}
	.mrs_three textarea{font-size:14px;}
	.head_dress_cha{height:122px;}
	.head_dress_cha ul{margin:30px auto;}
	.login li {height:36px;}
	.login li input{height:36px;line-height:36px;font-size:14px;}
	.login li .submit{height:36px;line-height:36px;}
	.login li .submit, .login li .time{height:36px;line-height:36px;}
	.order_sec .tab .tab_order_list li.on span{height:36px;margin-left:20%;  line-height: 38px;}
	.order_box .boxing ul li{width:70px;}
	.mytab_box li{height:51px;}
	.selftj li{font-size:13px;}
	.bannerbot dd label{font-size:13px;}
	.bannerbot dd h2{font-size:15px;}
	.orderservise li .ordermain dd h3 label{font-size:12px;}
	.orderservise li .ordermain dd h3:nth-child(3) span{width:75%;}
	.orderservise li .womenmain dd h3:nth-child(3) span{width:100%;}
	.beauty_sec_navlist .navlist_bottom h2{font-size:15px;}
	.beauty_sec_navlist .navlist_bottom h3{font-size:13px;}
	.beauty_sec_navlist .navlist_bottom h3 dd{width:60%;}
	.detailhead h2 img{margin:0 5px;}
	.manage li a{font-size:12px;}
	.time_box li a{font-size:12px;}
	.four p{font-size:12px;}
	.focus .bd{overflow:hidden; }
	.bealist span{font-size:15px;}
	.bealist label{font-size:15px;max-width:72%;}
	.beauty_sec .beautlist .bealistul li{font-size:13px;}
	.btylistmain dd h3:nth-child(3) strong{font-size:12px;}
	.bannerbot .priceA{width:22%;}
	.bannerbot dd{max-width:70%;}
	.pic_detail_main h2{font-size:12px;}
    .pic_detail_main h2 strong{margin-left:6px;}
	.busy{width:90%;left:5%;font-size:14px;}
	.btylistmain h2{height:82px;}
	.beautylist_sec li{padding:12px 3% 0;}
	.btylistmain h2 img{width:100%;}
}


















